import { ref } from "vue";
export const formConfig = ref([
    {
        formType: "select",
        formName: "location",
        labelName: "区域位置",
        placeholder: "请选择区域位置",
        style: {
            width: "194px"
        },
        options: []
    },
    {
        formType: "select",
        formName: "equipmentCode",
        labelName: "设备编号",
        placeholder: "请选择设备编号",
        style: {
            width: "194px"
        },
        options: []
    },
    {
        formType: "select",
        formName: "equipmentCode",
        labelName: "设备名称",
        placeholder: "请选择设备名称",
        style: {
            width: "194px"
        },
        options: []
    }
]);

export const completion = {
    tooltip: {
        show: false
    },
    series: [
        {
            name: "",
            type: "pie",
            radius: ["100%", "80%"],
            avoidLabelOverlap: false,
            label: {
                show: true,
                position: "center",
                formatter: () => [`{a|${20}%}`, `{b|健康度}`].join("\n"),
                rich: {
                    a: {
                        color: "#A0D911",
                        fontSize: "14px",
                        height: "30"
                    },
                    b: {
                        color: "#C5D8FF",
                        fontSize: "14px"
                    }
                }
            },
            data: [
                { value: 10, itemStyle: { color: "#618F23" } },
                { value: 1, itemStyle: { color: "#244436" } }
            ],
            emphasis: {
                disabled: true
            }
        }
    ]
};
export const loadOption = {
    color: ["#4BA6DD"],
    title: {
        text: "载荷图谱",
        left: "5%",
        top: "0",
        textStyle: {
            color: "#C5D8FF",
            fontSize: 16,
            fontWeight: "normal"
        }
    },
    grid: {
        left: 10,
        top: 50,
        bottom: 20
    },
    xAxis: {
        type: "category",
        name: "(t)",
        nameGap: 0,
        data: [],
        nameTextStyle: {
            verticalAlign: "bottom",
            lineHeight: -20
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            fontSize: 10
        }
    },
    yAxis: {
        show: false,
        type: "value"
    },
    series: [
        {
            type: "bar",
            barWidth: 16,
            data: [],
            showBackground: true,
            label: {
                show: true,
                color: "#999",
                position: "top"
            },
            backgroundStyle: {
                color: "#1A435C"
            }
        }
    ]
};
export const historyOption = {
    title: {
        text: "历史趋势",
        textStyle: {
            color: "#C5D8FF",
            fontSize: 16,
            fontWeight: "normal"
        }
    },
    grid: {
        right: 20,
        top: 55,
        left: 35,
        bottom: 30
    },
    xAxis: {
        type: "category",
        data: [],
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            fontSize: 10,
            textStyle: {
                color: "#BFBFBF"
            }
        },
        boundaryGap: ["10%"]
    },
    yAxis: {
        type: "value",
        splitNumber: "4",
        splitLine: {
            lineStyle: {
                type: "dashed",
                color: "#20506A"
            }
        },
        axisLabel: {
            fontSize: 10,
            textStyle: {
                color: "#BFBFBF"
            }
        },
        name: "健康度(%)",
        nameTextStyle: {
            color: "#BFBFBF"
        }
    },
    series: [
        {
            data: [],
            type: "line",
            lineStyle: {
                color: "#1C7EF3"
            },
            areaStyle: {
                color: {
                    type: "linear",
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [
                        {
                            offset: 0,
                            color: "#0B2E4A"
                        },
                        {
                            offset: 1,
                            color: "#0D2D42"
                        }
                    ],
                    global: false
                }
            },
            symbol: "none",
            smooth: true
        }
    ]
};
export const reelShaftHistoryOption = {
    color: ["#4BA6DD", "#00428E", "#FFC53F"],
    title: {
        text: "历史趋势",
        textStyle: {
            color: "#C5D8FF",
            fontSize: 16,
            fontWeight: "normal"
        }
    },
    grid: {
        right: 20,
        top: 55,
        left: 35,
        bottom: 60
    },
    legend: {
        data: [],
        icon: "circle",
        bottom: 0,
        itemWidth: 8,
        itemHeight: 8,
        itemGap: 30,
        textStyle: {
            color: "#C5D8FF "
        }
    },
    xAxis: {
        type: "category",
        data: [50, 200, 300, 400, 500, 600, 700],
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            fontSize: 10,
            textStyle: {
                color: "#BFBFBF"
            }
        },
        boundaryGap: ["10%"]
    },
    yAxis: {
        type: "value",
        splitNumber: "4",
        splitLine: {
            lineStyle: {
                type: "dashed",
                color: "#20506A"
            }
        },
        axisLabel: {
            fontSize: 10,
            textStyle: {
                color: "#BFBFBF"
            }
        },
        name: "健康度(%)",
        nameTextStyle: {
            color: "#BFBFBF"
        }
    },
    series: [
        {
            name: "卷筒轴1",
            data: [10, 2, 3, 12, 32, 12, 32],
            type: "line",
            symbol: "none"
        },
        {
            name: "卷筒轴2",
            data: [12, 2, 3, 12, 2, 12, 3],
            type: "line",
            symbol: "none"
        },
        {
            name: "卷筒轴3",
            data: [10, 2, 3, 12, 2, 12, 32],
            type: "line",
            symbol: "none"
        }
    ]
};
